{% include 'header.html' %}
<div class="content">
	<div class="col_izq">{% include 'menu_izq.html' %}</div>
	
	<div class="col_central">
		<div class="perfil-cabecera">
			<p class="titulo">Perfil de usuario de {{usuario.first_name}} {{usuario.last_name}}.</p>
			{% if config %}
			<p><a href="/configuracion/">Configuración de la cuenta</a></p>
			{% endif %}
		</div>
		<div class="perfil-criticas">
			<p class="criticas"><strong>Críticas más recientes</strong></p>
			{% if criticas %}
			<ul>
				{% for pelicula,critica,nota in criticas %}	
				<li>			
						<p><a href="/critica/?c={{critica.id}}">{{critica.titulo}}</a> - <a href="/pelicula/?t={{pelicula.id}}">{{pelicula.titulo}}</a></p>
						<p>Nota: {{nota}}</p>
						<p><i>{{ critica.contenido|slice:":155" }}...</i></p>
				</li>
				{% endfor %}
			</ul>
				{% if criticas|length > 4 %}
				<p><a href="/criticas-user/?u={{usuario.id}}">Ver todas</a></p>
				{% endif %}
			{% else %}
			<p>No hay críticas.</p>
			{% endif %}
		</div>
		<br>
		<div class="perfil-valoraciones">
			<p class="valoraciones"><strong>Valoraciones más recientes</strong></p>
			{% if valoraciones %}
				<ul>
					{% for pelicula,valoracion in valoraciones %}	
					<li>			
							<p><a href="/pelicula/?t={{pelicula.id}}">{{pelicula.titulo}}</a> <span class="valoracion">{{valoracion}}</span></p>
					</li>
					{% endfor %}
				</ul>
				{% if valoraciones|length > 4 %}
					<p><a href="/valoraciones-user/?u={{usuario.id}}">Ver todas</a></p>
				{% endif %}
			{% else %}
				<p>No hay valoraciones.</p>
			{% endif %}
		</div>
	</div>
	<div class="col_der">
		{% include 'menu_der.html' %}
		{% if config %}
			{% include 'amigos.html' %}
		{% else %}
			{% if not es_amigo %}
				<div class="amigo-add"><form name="add-amigo" method="post" action="/amigos-add/">
					{% csrf_token %}
					<input type="hidden" name="u" value="{{usuario.id}}">
					<input type="submit" name"submit" value="Añadir como amigo">
				</form></div>
			{% endif %}
		{% endif %}	
	</div>
</div>
{% include 'footer.html' %}